<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<header>
			<span class="classify">分类</span>
			<div class="inp">
				<img src="img/搜索.png" class="big">
				<input type="text" value="手机" class="search">
				<img src="img/扫描二维码.png" class="sao">
			</div>
			<img src="img/加号.png" class="add">
			<div class="navigation">
				<div class="redfont">
					推荐
					<span class="line"></span>
				</div>
				<div>
					关注
				</div>
			</div>
		</header>
		<!-- 轮播图 -->
		<section class="banner">
			<div class="banner_img">
				<img src="img/banner.PNG" >
				<img src="img/1.jpg" >
				<img src="img/banner.PNG" >
				<img src="img/1.jpg" >
				<img src="img/banner.PNG" >
				<img src="img/1.jpg" >
			</div>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</section>
		<!-- logo -->
		<section class="logolist">
			<ul>
				<li>
					<img src="img/红包.png" >
					<p>新人红包</p>
				</li>
				<li>
					<img src="img/排行榜.png" >
					<p>排行榜</p>
				</li>
				<li>
					<img src="img/日历.png" >
					<p>优惠日历</p>
				</li>
				<li>
					<img src="img/海淘.png" >
					<p>海淘</p>
				</li>
				<li>
					<img src="img/海淘.png" >
					<p>0元试用</p>
				</li>
			</ul>
			<ul>
				<li>
					<img src="img/大白菜.png" >
					<p>白菜专区包</p>
				</li>
				<li>
					<img src="img/优惠券.png" >
					<p>优惠券</p>
				</li>
				<li>
					<img src="img/资讯.png" >
					<p>资讯</p>
				</li>
				<li>
					<img src="img/话题.png" >
					<p>精选话题</p>
				</li>
				<li>
					<img src="img/分类导航.png" >
					<p>分类导航</p>
				</li>
			</ul>
		</section>
		<!-- 广告 -->
		<section class="advertisement">
			<div class="plate">
				<img src="img/ad.PNG" >
				<div>
					<p class="title">今日好券| 1.7上新:苏宁年货节 领2元
					支付券和5元支付券 (可叠加易购券)</p>
					<span class="gray">精选</span>
					<span class="gray">排行榜商品</span>
					<p class="redfont">
						京东支付X浦发银行 话费充值满49-...
					</p>
					<p class="detailed">
						<span>京东 &nbsp; 01-07</span>
						<span></span>
						<span class="say">39</span>
						<span class="price">值 89%</span>
					</p>
				</div>
			</div>
			<div class="plate">
				<img src="img/ad.PNG" >
				<div>
					<p class="title">小编精选:一千块穿出月入万元气质,
					Massimo dutti秋冬折扣季攻略
					</p>
					<span class="gray">精选</span>
					<span class="gray">排行榜商品</span>
					<p class="redfont">
						京东支付X浦发银行 话费充值满49-...
					</p>
					<p class="detailed">
						<span>京东 &nbsp; 01-07</span>
						<span></span>
						<span class="say">39</span>
						<span class="price">值 89%</span>
					</p>
				</div>
			</div>
		</section>
		<!-- 页尾 -->
		<footer>
			<ul>
				<li>
					<img src="img/f1.PNG" >
					<p class="red">首页</p>
				</li>
				<li>
					<img src="img/f2.PNG" >
					<p>好价</p>
				</li>
				<li>
					<img src="img/f3.PNG" >
					<p>好物社区</p>
				</li>
				<li>
					<img src="img/f4.PNG" >
					<p>我的</p>
				</li>
			</ul>
		</footer>
		
	</body>
</html>
